/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media screen 
  
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .single-well img {
      float: right;
      width:550px; height:370px ;margin-top:5px;
    }
}*/


@media (min-width:2052px) and (max-width:2732px){
  .single-well img {
    float: right;
     height:340px ;margin-top:5px;
  }
}
@media only screen and (min-width: 1200px) {

  .single-well img {
    float: right;
     height:330px ;margin-top:5px;
  }
		.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
  height: 350px;
  /*background:brown;*/
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}



.container {
  padding: 2px 16px;
}
* {
  box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.imgScrollWrap_2 {
            position: relative;
            height: 180px;
			margin: 0 auto;
       /*   border: 1px #999 solid;  */
            overflow: hidden;
			
			width: 1100px;
        }
		
.imgScrollList_2{
            position: absolute;
            top: 0;
            left: 35px;
            width: 720px;
            height: 180px;
            overflow: hidden;
            z-index: 1;
			
			width: 1000px;
			margin-left :15px;
        }

}